<template>
  
 
</template>

<script>
export default {
  data() {
    return {
    };
  },
  methods: {
  },
  onShow() {
  },
  onLoad() {
   
  },
};
</script>

<style lang="scss" scoped>
.banner{
  width: 90%;
  height: 210rpx;
  background: #D7D7D7;
  border-radius: 10rpx;
  margin:26rpx auto 30rpx auto;
}
.list{
  width: 90%;
  margin:0 auto;
  .title{
    width: 100%;
    height: 86rpx;
    line-height: 86rpx;
    font-size:26rpx;
    color:#999999;
  }
  .box{
    display: flex;
    position: relative;
    margin-bottom:40rpx;
    &:last-child{
      margin-bottom:0;
    }
    .img{
      width: 176rpx;
      height: 176rpx;
      background: #aaa;
      border-radius: 12rpx;
      margin-right:25rpx
    }
    .sp{
      .name{
        color:#333333;
        font-size:32rpx;
        margin:10rpx 0 16rpx 0;
      }
      .num{
        color:#999999;
        font-size:26rpx;
        margin-bottom:30rpx;
      }
      .price{
        color:#333333;
        font-size:32rpx;
      }
    }
    .add{
      margin-left:auto;
      width: 48rpx;
      height: 48rpx;
      line-height: 48rpx;
      background: #3E81E9;
      border-radius: 50%;
      text-align: center;
      color:#fff;
      font-size:36rpx;
      position: absolute;
      bottom:0;
      right:0;
    }
  }
}
</style>
